{% extends '::front-base.html.twig' %}

{% block body -%}
<h3>Datos de la Reserva</h3>
<br/>
<table id="detalle-reserva">
    <tr>
        <th>Origen</th>
        <td>{{ reserva.vuelos.origen}} ({{ reserva.vuelos.origen.sigla}})</td>
    </tr>
    <tr>
        <th>Destino</th>
        <td>{{ reserva.vuelos.destino}} ({{ reserva.vuelos.destino.sigla}})</td>
    </tr>
    <tr>
        <th>Persona de Contacto</th>
        <td>
            <table>
                <tr><th>Apellido:</th><td>{{ reserva.personas.apellido}}</td></tr>
                <tr><th>Nombre:</th><td>{{ reserva.personas.nombre}}</td></tr>
                <tr><th>Email</th><td>{{ reserva.personas.email}}</td></tr>
                <tr><th>Tel:</th><td>{{ reserva.personas.telefono}}</td></tr>
            </table>
        </td>
    </tr>
    {% set count = 0 %}
    {% for pasajero in reservasXPersona %}
    {% set count = count + 1 %}
    <tr>
        <th>Pasajero {{ count }}</th>
        <td>
            <table>
                <tr><th>Apellido:</th><td>{{ pasajero.personas.apellido}}</td></tr>
                <tr><th>Nombre:</th><td>{{ pasajero.personas.nombre}}</td></tr>
                <tr><th>Doc.</th><td>{{ pasajero.personas.tipoDoc}} {{ pasajero.personas.nroDoc}}</td></tr>
                <tr><th>Tipo Persona</th><td>{{ pasajero.personas.tipoPersona}}</td></tr>
                <tr><th>Asiento</th><td>{{ pasajero.asiento}}</td></tr>
            </table>
        </td>
    </tr>
    {% endfor %}

    <tr>
        <th>Monto Total</th>
        <td>{{ reserva.precioTotal }}</td>
    </tr>
</table>
<br/>
<br/>
<a href="{{ path('front_reservar_vuelo_guardoExitoso', {'id_res': reserva.id }) }}"><button>Guardar Reserva</button></a>
<a href="{{ path('front_reservar_vuelo_pago', {'id_res': reserva.id }) }}"><button>Realizar Pago</button></a>
{% endblock %}

